﻿
.clear { clear: both; }

body {
	background: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #646464;
	text-align: center;
}

#wrapper {
	text-align: left;
	width: 930px;
	margin: 0 auto;
}


#header .logo { 

    margin: 15px 0 10px 5px;
	width: 225px;
	height: 28px;
	background: url(images/logo.gif) no-repeat left top;
}
 

/* Main Navigation ---------------------------------------- */
#mainNav {
	width: 918px;
	height: 37px;
	padding: 6px;
	margin: 0 0 10px 0;
	background: url(images/top-menu-bg.gif) no-repeat left top; 
	/* We used a background image making the thick border and the thin one to keep the html structure simple */
}
#mainNav li {
	float: left;
	height: 37px;
	border-right: 1px solid #ddd;
}
#mainNav li a {
	display: block;
	float: left;
	height: 37px;
	font-weight: bold;
	line-height: 37px;
	text-decoration: none;
	color: #646464;
	padding: 0 20px;
}
#mainNav li a:hover { background: #fdfcf6; }

#mainNav li a.active, #mainNav li a.active {
	background: #f0f0f0 url(images/top-menu-item-bg.gif) repeat-x left top;
	color: #454545;
}

#containerHolder {
	background: #eee;
	padding: 5px;
}

 

#container {
    background: #fff url(images/content.gif) repeat-y left top;
	border: 1px solid #ddd;
	width: 918px;
    min-height: 600px;
}

/* Sidebar ---------------------------------------- */

#sidebar {
	width: 179px;
	float: left;
}

#sidebar .sidenav { width: 179px; }

#sidebar .sidenav li { border-bottom: 1px solid #ddd; width: 179px; }

#sidebar .sidenav li a {
	display: block;
	color: #646464;
	background: #f6f6f6;
	text-decoration: none;
	height: 29px;
	line-height: 29px;
	padding: 0 19px;
	width: 141px;
}

#sidebar .sidenav li a:hover { background: #fdfcf6; }

#sidebar .sidenav li a.active, #sidebar .sidenav li a.active:hover {
	background: #f0f7fa;
	color: #c66653;
} 
/* Breadcrumb ---------------------------------------- */

.breadcrumbs {
	width: 718px;
	float: right;
	color: #646464;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	margin: 20px 0 0 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #ddd;
}

.breadcrumbs a {
	color: #646464;
	text-decoration: none;
}

.breadcrumbs a.active { color: #c66653; }

.breadcrumbs a:hover { text-decoration: underline; }

/* Content ---------------------------------------- */

#main {
	width: 700px;
	float: right;
	padding: 0 19px 0 0;
    margin-bottom: 20px;
}
#main fieldset {
	border: 1px solid #ddd;
	padding: 19px;
	margin: 10px 0px 10px 0px;
	background: #fbfbfb;
}
/* Styles for basic forms
-----------------------------------------------------------*/



/* table */
/* 输入列表 */
.table_input {border-collapse:collapse; }
.table_input th { vertical-align:top;border-top:none; border-left:none; text-align:right; padding:3px; color:#036; font-weight:normal;height:35px;line-height:35px;vertical-align:middle;}
.table_input td {vertical-align:top;color:#1B6EA4;height:35px;line-height:35px;vertical-align:middle;padding:0px 0px 0px 5px;}
.table_input td a{color:#1B6EA4;}
.table_input th a{color:#1B6EA4;}

/* 数据列表 */
.table_list { width:99%;table-layout:fixed; word-break:break-all;border-collapse:collapse;margin:5px;}
.table_list th {background:#E3F1FE;background:#E3F1FE url(images/table_th.jpg); font-weight:normal; color:#666666;font-weight:bold;padding:3px;text-align:left;border:1px solid #ccc;height:25px;line-height:25px;overflow:hidden;}
.table_list td {padding:3px;color:#5e5e5e;border:1px solid #ccc;line-height:25px;word-break:break-all;}
.table_list .sel{background:#f2f2f2;}
.table_list .hover{background:#B2E1FF;}
.table_list tr:hover td { background: #fdfcf6; }
.table_list tr .action a {  text-decoration: none; color: #9b9b9b;margin-left: 3px;}
.table_list tr .action a:hover { color:-webkit-link;}
.odd_line{background-color:#f5f7f9;}
.table_list tr.red td { color: red;}
.table_list tr.crimson td { color:crimson;}

.empty{margin:5px;padding:10px;border:1px solid #ccc;text-align:center;}
.tips{margin:5px;padding:10px;border:1px solid #ccc;text-align:center;text-align: left;background-color: #FFFCEB;font-size: 14px;font-family: 宋体,Arial,Lucida,Verdana,Helvetica,sans-serif;}
/* fieldset */
.list_form{margin:10px;}
.list_form li{padding:5px;width:100%;}
.list_form li label{width:100px;display:inline-block;text-align: right;margin-right: 25px;}
 

.text-long {
	border: 1px solid #ddd;
	background: #fff url(images/input-shaddow.gif) no-repeat left top;
	font: 11px Arial, Helvetica, sans-serif;
	color: #646464;
	padding: 5px 7px;
	width: 264px; 
	margin: 0 10px 0 0;
}

.text-medium {
	border: 1px solid #ddd;
	background: #fff url(images/input-shaddow.gif) no-repeat left top;
	font: 11px Arial, Helvetica, sans-serif;
	color: #646464;
	padding: 5px 7px;
	width: 124px; 
	margin: 0 10px 0 0;
}

.text-small {
	border: 1px solid #ddd;
	background: #fff url(images/input-shaddow.gif) no-repeat left top;
	font: 11px Arial, Helvetica, sans-serif;
	color: #646464;
	padding: 5px 7px;
	width: 44px; 
	margin: 0 10px 0 0;
}

.list_form select {
	border: 1px solid #ddd;
	background: #fff url(images/input-shaddow.gif) no-repeat left top;
	font: 11px Arial, Helvetica, sans-serif;
	color: #646464;
	padding: 5px 7px;
	width: 124px; 
	margin: 0 10px 0 0;
}

.list_form .text-long:focus, 
.list_form .text-medium:focus,
.list_form .text-small:focus,
.list_form textarea:focus { background: #fdfcf6 url(images/input-shaddow-hover.gif) no-repeat left top; }

.list_form textarea {
	border: 1px solid #ddd;
	background: #fff url(images/input-shaddow.gif) no-repeat left top;
	font: 11px Arial, Helvetica, sans-serif;
	color: #646464;
	padding: 5px 7px;
	width: 364px; 
	margin: 0 10px 0 0;
	height: 58px;
	overflow: hidden;
}


.btn_layout{text-align:center;background-color:#F5F5F5;}
/* 页码 */
.page{text-align:right;padding-right:50px;}
.page a,.page span{display:inline-block;padding-left:10px;}
/*控件样式*/
.button-submit {
	font: 12px Arial, Helvetica, sans-serif;
	color: #003366;
	width: 94px;
	height: 29px;
	cursor: pointer;
	border: none;
	background: url(images/button-submit.gif) no-repeat left top;
}

div.checkboxlist {
    display: inline-block;
    width: 80%;
    text-align: left;
}
div.checkboxlist li {
    width: 25%;
    display: inline-block;
}
div.checkboxlist label {
    text-align: left;
    margin-right: 5px;
    display: inline-block;
    width: auto;
    margin-right: 5px;
}

fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}
